<template>
  <div>
    <scroller :show-scrollbar="false">

      <div class="top-wrap">
        <image class="bg-img"
               src="bmlocal://assets/credit/credit_img_bg_03.jpg"></image>

        <text class="hint-text">{{relatedStatus.label || '贷款'}}</text>
        <text class="fund-text">{{relatedStatus.funds || '10~300'}}</text>
      </div>

      <vm-cell label="申请金额"
               :title="related.apply_funds"></vm-cell>

      <vm-cell label="借款年限"
               :title="related.load_years"></vm-cell>

      <vm-cell label="用途明细"
               :title="related.funds_use_dir"></vm-cell>

      <vm-cell label="提交时间"
               :title="related.create_time"></vm-cell>

      <vm-cell label="受理时间"
               :title="related.pre_approval_date"></vm-cell>

      <vm-cell label="借款银行"
               :title="related.bank_name"></vm-cell>

      <vm-cell label="项目经理"
               :title="related.res_a_name"></vm-cell>

      <vm-cell label="联系电话"
               :title="provider.phoneNumber"></vm-cell>

    </scroller>
  </div>
</template>
<script>
import VmCell from '../../components/vm-cell.vue'

export default {
  components: { VmCell },
  props: {},
  data() {
    return {
      related: {},
      provider: {}
    }
  },
  computed: {
    relatedStatus() {
      return this.related.relatedStatus || {}
    }
  },
  watch: {},
  created() {
    this.getParams()
  },
  methods: {
    getParams() {
      this.$router.getParams().then(res => {
        this.related = res && res.related || {}
        this.provider = res && res.provider || {}
      })
    }
  }
}
</script>
<style lang="scss" scoped>
@import "../../css/variables.scss";

.mt-1 {
  margin-top: 10px;
}
.mt-3 {
  margin-top: 30px;
}

.top-wrap {
  width: 750px;
  height: 260px;
  margin-top: 10px;
}
.bg-img {
  width: 750px;
  height: 260px;
  position: absolute;
  left: 0;
  top: 0;
}
.hint-text {
  text-align: center;
  color: #fff;
  margin-top: 30px;
  margin-bottom: 30px;
  font-size: 36px;
}
.fund-text {
  text-align: center;
  color: #fff;
  font-size: 70px;
}
</style>
